<template>
  <div class="home">
    <!-- 头部 -->
    <top-nav></top-nav>
    <!-- 吸顶组件 -->
    <stick-header></stick-header>
    <!-- 头部header -->
    <top-header></top-header>
    <!-- 中间contaner -->
    <router-view class="container"></router-view>
    <!-- 尾部组件 -->
    <app-footer></app-footer>
  </div>
</template>

<script>
import TopNav from "@/components/apphome/TopNav.vue";
import TopHeader from "@/components/apphome/TopHeader.vue";
import AppFooter from "@/components/apphome/AppFooter.vue";
import StickHeader from "@/components/apphome/StickHeader.vue";

export default {
  components: {
    TopNav,
    TopHeader,
    AppFooter,
    StickHeader,
  },
  data() {
    return {};
  },

  mounted() {
    this.$store.dispatch("category/asyncSetCate");
  },
  computed: {
    // ...mapState(['cate'])
  },

  methods: {},
};
</script>

<style lang="scss" scoped>
@import "../assets/css/color.scss";
@import "../assets/css/mixin.scss";
.home {
  min-width: 1800px;
  width: 100%;
  background: #fff;

}
</style>